﻿/* LOGIN */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}

#messageFlyout {
  background-color: #FFF;
  width: 200px;
  position: relative;
  /*top: 45%;
  left: 45%;*/
  padding: 20px;
  border: 5px solid #5aa945;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#registerFlyout {
    border: none !important;
    overflow: hidden !important;
    max-width: 466px !important;
    max-height: 620px !important;
    padding: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    width: 466px !important;
    height: 620px !important;
}

 #login_box{
  background-color: #FFF;
  width: 415px;
  position: relative;
  /*margin-left: 26px;*/
  padding: 20px;
  margin-top: 40px;
  border: 5px solid #5aa945;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

}
 #login_box h5{
  font-size: 20px;
  margin-bottom: 10px;
}
 #login_box p.fast {
  font-size: 16px;
  margin-bottom: 20px;
}
 #login_box p label{
  font-size: 15px;
  color: #231f20;
}
 #login_box p input[type="text"],
 #login_box p input[type="password"]{
  border: 1px solid #5aa945 !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 38px;
  width: 98%;
  background-color: #FFFFFF;
  outline: none;
  padding-left: 10px;
}
 #login_box span input.login_but {
  background: url(../../images/login/bt_register.jpg) no-repeat;
  height: 38px;
  min-width: 90px;
  float: right;
  color: white;
  font-size:15px;
}
 #login_box p.forgot {
  clear: both;
  margin-top: 20px;
}
 #login_box .dotted_line {
  /*background: url(../../img/all_merchants/dotted_line.jpg) repeat-x;*/
  height: 1px;
  margin: 30px 0;
}
#login_box input{border:none; outline:none;}
 #login_box input.log_fb{
  background: url(../../images/login/login_fb.jpg) no-repeat;
  width: 289px;
  height: 58px;
  color: white;
  font-size: 18px;
  padding-left: 60px;
}
 #login_box input.register {
  background: url(../../images/login/bt_register.jpg) no-repeat;
  width: 90px;
  height: 38px;
  color: white;
  font-size:15px;
}
 #login_box .login_flag {
  position: absolute;
  top: 28px;
  right: -80px;
  background: url(../../images/login/login_flag.jpg) no-repeat;
  width: 284px;
  height: 40px;
}
#login_box .login_flag span{float:left;}
 #login_box .login_flag .text {
	 float:left;
  line-height: 40px;
  margin-left: 18px;
}
 #login_box .login_flag input.register {
  margin-left: 8px;
	display: block;
	background: transparent;
	color: #5AA945;
	width: 100px;
	padding-left: 21px;
	height: 40px;
	float: right;
	font-size: 15px;
}
 #login_box .getstart_flag {
  position: absolute;
  top: 28px;
  right: -80px;
  background: url(../../images/login/login_flag.jpg) no-repeat;
  width: 284px;
  height: 40px;
  
}
 #login_box .getstart_flag .text {
  line-height: 40px;
  margin-left: 30px;
}
 #login_box .getstart_flag input.login{
  background: transparent;
  color: #5aa945;
  text-align: center;
  width: 100px;
  height: 26px;
  float: right;
  margin: 7px 5px 0 0;
  font-size:15px;
}
 #login_box .water_mark input {
  font-style: italic;
}
 